<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>

<style>
    .upload {
        position: relative;
    }

    .upImg {
        width: 100px;
        height: 100px;
    }

    .upImg:hover {
        cursor: pointer;
    }

    .closeUpload {
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .myupdataList {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .mybutton {
        background: #fff;
        height: 200px;
        width: 150px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #a9b7b7;
        border: 2px solid #a9b7b7;
        margin-right: 10px;
        padding: 10px;
    }

    .mybutton:hover {
        cursor: pointer;
    }

    .layui-form-label {
        width: 115px !important;
    }

    .layui-input-block {
        display: flex;
        width: calc(100% - 115px);
    }

    .layui-input-block1 {
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    #contractState, #mySelect1, #mySelect2, .layui-form-select {
        width: 100%;
    }

    .layui-input {
        color: #000 !important;
    }
    a{
        margin: 0 10px;
    }
</style>

<body>

<input type="hidden" th:value="${type}" id="type"/>
<input type="hidden" th:value="${id}" id="dataId"/>
<input type="hidden" th:value="${myData}" id="myData"/>

<input type="hidden" th:value="${myData?.contract}" id="pdfList"/>
<input type="hidden" th:value="${myData?.contractNameYiPath}" id="pdfListYi"/>
<input type="hidden" th:value="${myData?.projectId}" id="projectId"/>
<input type="hidden" th:value="${myData?.orderType}" id="orderType"/>
<input type="hidden" th:value="${myData?.status}" id="status"/>
<input type="hidden" th:value="${myData?.signingId}" id="signingId"/>
<input type="hidden" th:value="${myData?.contractType}" id="contractType"/>
<input type="hidden" th:value="${#lists.size(afterPictureList)}" id="afterPictureList"/>
<div class="layui-fluid mt2">
    <!--    保洁-->
    <form class="layui-form" th:if="${myData?.orderType == 1}">
        <div class="layui-form-item">
            <label class="layui-form-label">服务订单信息</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单编号</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.number}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">创建时间</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.createTime}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单状态</label>
                <div class="layui-input-block layui-input-block1" th:text="${
                myData?.status == 0 ?'待开始':
                myData?.status == 1 ?'进行中':
                myData?.status == 2 ?'已完成':
                myData?.status == 3 ?'已取消':
                myData?.status == 4 ?'已转让':
                ''}">
                    if (d.status == '0') {
                    return "待开始"
                    }
                    if (d.status == '1') {
                    return "进行中"
                    }
                    if (d.status == '2') {
                    return "已完成"
                    }
                    if (d.status == '3') {
                    return "已取消"
                    }
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">商品名称</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.productName}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单总价</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.totalPrice}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单开始时间</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.startTime}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">服务地址</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.address}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单使用人</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.nameJia}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.phoneJia}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单服务人</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label required">姓名</label>
                <div class="layui-input-block layui-input-block1" th:if="${myData?.status != 0 || type=='info'}"
                     th:text="${myData?.names}">
                </div>
                <div class="layui-input-block" th:if="${myData?.status == 0 && type=='edit'}">
                    <select id="mySelect" lay-search="" name="mySelect" th:value="${myData?.names}"
                            lay-verify="required" lay-filter="mySelect-filter">
                        <option value="">请等待数据加载</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block layui-input-block1" id="mobiles" th:text="${myData?.mobiles}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单备注</label>
            <div class="layui-input-block ">
                <textarea id="remark" name="remark" th:text="${myData?.remark}" disabled placeholder=""
                          class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item" th:if="${myData?.status != 0}">
            <label class="layui-form-label">卫生前</label>
            <div class="layui-upload-list" id="beforePicture">
                <div class="layui-inline"
                     th:each="item,iterStat : ${beforePictureList}">
                    <img class="upImg" th:src="${item}" onclick="photosClick()">
                </div>

            </div>
        </div>
        <div class="layui-form-item" th:if="${myData?.status != 0 && #lists.size(afterPictureList)>0}">
            <label class="layui-form-label">卫生后</label>
            <div class="layui-inline"
                 th:each="item,iterStat : ${afterPictureList}">
                <img class="upImg" th:src="${item}" onclick="photosClick()">
            </div>
        </div>
        <div class="layui-form-item" th:if="${myData?.status != 0 && #lists.size(afterPictureList)>0}">
            <label class="layui-form-label">审核结果</label>
            <!--            3不能改-->
            <div class="layui-input-block layui-input-block1"
                 th:if="${myData?.status==2}"
                 th:text="${myData?.auditResult==0?'已通过':'未通过'}">
            </div>
            <div class="layui-input-block layui-input-block1"
                 th:if="${myData?.status==2}"
                 th:text="${myData?.rejectReasion}">
            </div>

            <div th:if="${myData?.status== 1}" class="layui-form">
                <input type="radio" lay-filter="demo-radio-filter" name="auditResult" value="0" title="通过"
                       th:checked="${myData?.auditResult==0}">
                <input type="radio" lay-filter="demo-radio-filter" name="auditResult" value="1" title="拒绝"
                       th:checked="${myData?.auditResult==1}">
            </div>
            <div class="layui-input-block" th:if="${myData?.status== 1}"
                 th:style="${myData?.auditResult==1?'display: block':'display: none'}" id="refuseReason">
                            <textarea name="refuseReason" placeholder="请输入拒绝原因" lay-verify="introduction"
                                      th:text="${myData?.rejectReasion}"
                                      class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item  layui-flow-more">
            <div class="layui-inline">
                <button type="submit" class="layui-btn" lay-submit lay-filter="submit"> 确定</button>
            </div>
        </div>
    </form>
    <form class="layui-form" th:if="${myData?.orderType == 2 && type=='info'}">
        <input type="hidden" th:value="${myData?.contract}" id="oldcontract"/>
        <input type="hidden" th:value="${myData?.contractNameYiPath}" id="oldcontractNameYiPath"/>
        <div class="layui-form-item">
            <label class="layui-form-label">服务订单信息</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单编号</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.number}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">创建时间</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.createTime}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单状态</label>
                <div class="layui-input-block layui-input-block1" th:text="${
                myData?.status == 0 ?'待开始':
                myData?.status == 1 ?'进行中':
                myData?.status == 2 ?'已完成':
                myData?.status == 3 ?'已取消':
                myData?.status == 4 ?'已转让':
                ''}">
                    if (d.status == '0') {
                    return "待开始"
                    }
                    if (d.status == '1') {
                    return "进行中"
                    }
                    if (d.status == '2') {
                    return "已完成"
                    }
                    if (d.status == '3') {
                    return "已取消"
                    }
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);" th:if="${orderType==2}">
                <label class="layui-form-label">服务类型</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.projectName}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单总价</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.totalPrice}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单周期</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.startTime+'至'+myData?.endTime}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">服务地址</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.address}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">合同信息</label>
            <div class="layui-input-block layui-input-block1">
                <th:block th:if="${myData?.contractType == 1}">
                    <a th:if="${myData?.contract?.contains('.pdf')}" onclick="openOldPdf(0)" style="color: #02A7F0">
                        查看用户合同</a>
                    <a th:if="!${myData?.contract?.contains('.pdf')}" th:href="${myData?.contract}"
                       style="color: #02A7F0"> 查看用户合同</a>

                    <a th:if="${myData?.contractNameYiPath?.contains('.pdf')}" onclick="openOldPdf(1)"
                       style="color: #02A7F0"> 查看阿姨合同</a>
                    <a th:if="!${myData?.contractNameYiPath?.contains('.pdf')}" th:href="${myData?.contractNameYiPath}"
                       style="color: #02A7F0"> 查看阿姨合同</a>
                </th:block>
                <th:block th:if="${myData?.contractType == 0}">
                    <a download="合同.docx" th:href="${'/jzApi/jazUserAunt/userOrderExport?orderId='+myData?.id}"
                       style="color: #02A7F0"> 查看用户合同</a>

                    <a download="合同.docx" th:href="${'/jzApi/jazUserAunt/userOrderExport?orderId='+myData?.id}"
                       style="color: #02A7F0"> 查看阿姨合同</a>
                </th:block>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单使用人</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.name}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.mobile}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">身份证号码</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.idNumber}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">家庭住址</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.detailedAddress}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单签约人</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.names}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.mobiles}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">身份证号码</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.idNumbers}">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 50px) / 4);">
                <label class="layui-form-label">家庭住址</label>
                <div class="layui-input-block layui-input-block1" th:text="${myData?.detailedAddress2}">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单备注</label>
            <div class="layui-input-block ">
                <textarea name="remark" th:text="${myData?.remark}" disabled placeholder="请在此输入订单备注"
                          class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item  layui-flow-more">
            <div class="layui-inline">
                <button type="submit" class="layui-btn" lay-submit lay-filter="submit"> 确定</button>
            </div>
        </div>
    </form>
    <form class="layui-form" th:if="${myData?.orderType == 2 && (type=='edit'||type=='transferor')}">
        <div class="layui-form-item">
            <label class="layui-form-label">订单使用人</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">姓名</label>
                <div class="layui-input-block">
                    <input id="name" name="name" th:value="${myData?.name}" placeholder="请输入订单使用人姓名"
                           class="form-control"
                           th:disabled="${type=='edit'||type=='transferor'}"
                           type="text">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block">
                    <input type="text" maxlength="11" name="mobile" lay-verify="mobile" autocomplete="off"
                           th:value="${myData?.mobile}"
                           th:disabled="${type=='edit'||type=='transferor'}"
                           placeholder="请输入手机号码" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label required">服务类型</label>
                <div class="layui-input-block">
                    <select id="mySelect-projectId" lay-search="" th:disabled="${type=='edit'||type=='transferor'}"
                            name="projectId" th:value="${myData?.projectId}" lay-verify="required"
                            lay-filter="mySelect-filter">
                        <option value="">请等待数据加载</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">身份证号码</label>
                <div class="layui-input-block">
                    <input id="idNumber" th:disabled="${type=='edit'||type=='transferor'}" name="idNumber"
                           th:value="${myData?.idNumber}" placeholder="请输入身份证号码" class="form-control"
                           type="text">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">家庭住址</label>
                <div class="layui-input-block">
                    <input id="detailedAddress" th:disabled="${type=='edit'||type=='transferor'}" name="detailedAddress"
                           th:value="${myData?.detailedAddress}" placeholder="请输入家庭住址" class="form-control"
                           type="text">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">服务地址</label>
                <div class="layui-input-block">
                    <input id="address" th:value="${myData?.address}" name="address" placeholder="请输入服务地址"
                           class="form-control"
                           type="text">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">订单总价</label>
                <div class="layui-input-block">
                    <input id="totalPrice" th:value="${myData?.totalPrice}" name="totalPrice"
                           placeholder="请输入订单总价" class="form-control"
                           type="text">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单周期</label>
            <div class="layui-input-inline" style="width: 300px;">
                <input type="text" class="layui-input"
                       th:value="${myData?.startTime+' - '+myData?.endTime}"
                       name="myLaydate"
                       id="ID-laydate-range-datetime" placeholder=" - ">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单签约人</label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label required">姓名</label>
                <div class="layui-input-block">
                    <!--                    <input id="names"  name="names" th:value="${myData?.names}" placeholder="请输入订单签约人姓名" class="form-control"-->
                    <!--                           type="text">-->
                    <select id="names" lay-search="" name="names" th:value="${myData?.names}" lay-verify="required"
                            lay-filter="names-filter">
                        <option value="">请等待数据加载</option>
                    </select>


                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">联系电话</label>
                <div class="layui-input-block">
                    <input type="text" maxlength="11" name="mobiles" id="mobiles" lay-verify="mobiles"
                           autocomplete="off"
                           th:value="${myData?.mobiles}"
                           th:disabled="${type=='edit'||type=='transferor'}"
                           placeholder="请输入手机号码" class="layui-input">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">身份证号码</label>
                <div class="layui-input-block">
                    <input id="idNumbers" name="idNumbers" th:value="${myData?.idNumbers}"
                           placeholder="请输入身份证号码" class="form-control"
                           th:disabled="${type=='edit'||type=='transferor'}"
                           type="text">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 52px) / 4);">
                <label class="layui-form-label">家庭住址</label>
                <div class="layui-input-block">
                    <input id="detailedAddress2" name="detailedAddress2" th:value="${myData?.detailedAddress2}"
                           placeholder="请输入家庭住址" class="form-control"
                           th:disabled="${type=='edit'||type=='transferor'}"
                           type="text">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">订单备注</label>
            <div class="layui-input-block ">
                <textarea id="remark" name="remark" th:text="${myData?.remark}" placeholder=""
                          class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item" style="display: flex">
            <div class="layui-form-item" style="width: 50%">
                <label class="layui-form-label">用户合同信息</label>
                <div class="layui-input-block">
                    <div class="layui-form-item myupdataList  " id="myUpdataDiv">
                        <button type="button" class="mybutton" id="contract">
                            <i class="layui-icon" style="font-size: 70px;color: #a9b7b7;">&#xe67c;</i>请上传本地合同文件
                            <span>支持PDF</span>
                        </button>
                    </div>

                </div>

                <input type="hidden" name="pdfPath" lay-verify="pdfPath" autocomplete="off" placeholder="请输入"
                       class="layui-input">
            </div>
            <div class="layui-form-item" style="width: 50%">
                <label class="layui-form-label">阿姨合同信息</label>
                <div class="layui-input-block">
                    <div class="layui-form-item myupdataList  " id="myUpdataDivYi">
                        <button type="button" class="mybutton" id="contractYi">
                            <i class="layui-icon" style="font-size: 70px;color: #a9b7b7;">&#xe67c;</i>请上传本地合同文件
                            <span>支持PDF</span>
                        </button>
                    </div>

                </div>

                <input type="hidden" name="contractNameYiPath" lay-verify="contractNameYiPath" autocomplete="off" placeholder="请输入"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item  layui-flow-more">
            <div class="layui-inline">
                <button type="submit" class="layui-btn" lay-submit lay-filter="submit"> 确定</button>
            </div>
        </div>
    </form>
    <form class="layui-form" th:if="${myData?.orderType == 211111}">

        <div class="layui-form-item">
            <label class="layui-form-label">上传合同</label>
            <div class="layui-input-block">
                <div class="layui-form-item myupdataList  " id="myUpdataDiv">
                    <button type="button" class="mybutton" id="contract" th:if="${type=='add'}">
                        <i class="layui-icon" style="font-size: 70px;color: #a9b7b7;">&#xe67c;</i>请上传本地合同文件
                        <span>支持PDF</span>
                    </button>
                </div>

            </div>

            <input type="hidden" name="pdfPath" lay-verify="pdfPath" autocomplete="off" placeholder="请输入"
                   class="layui-input">

        </div>

        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">发起方</label>
                <div class="layui-input-block">
                    <select id="mySelect1" lay-search="" th:disabled="${type=='info'}" name="sysUserid"
                            lay-verify="required" lay-filter="mySelect1-filter">
                        <option value="">请等待数据加载</option>
                        <option th:if="${type == 'info'}" th:value="${myData?.id}" th:text="${myData?.initiatorName}"
                                selected></option>
                    </select>
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">联系方式</label>
                <div class="layui-input-block">
                    <input type="text" name="initiatorPhone" lay-verify="required" autocomplete="off"
                           placeholder="请先选择发起方"
                           disabled
                           id="initiatorPhone"
                           th:value="${myData?.initiatorPhone}"
                           class="layui-input">
                </div>

            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">家庭住址</label>
                <div class="layui-input-block">
                    <input type="text" name="initiatorAddress" lay-verify="required" autocomplete="off"
                           placeholder="请先选择发起方"
                           disabled
                           id="initiatorAddress"
                           th:value="${myData?.initiatorAddress}"
                           class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label">合同类型</label>
                <div class="layui-input-block">
                    <div id="contractState"></div>
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">服务开始时间</label>
                <div class="layui-input-block">
                    <input name="serviceStartTime" class="form-control startTime" type="text"
                           lay-verify="required"
                           th:disabled="${type=='info'}"
                           th:value="${myData?.serviceStartTime}"
                           placeholder="请输入入住时间">
                </div>

            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">服务结束时间</label>
                <div class="layui-input-block">
                    <input name="serviceEndTime" class="form-control endTime" type="text"
                           lay-verify="required"
                           th:disabled="${type=='info'}"
                           th:value="${myData?.serviceEndTime}"
                           placeholder="请输入入住时间">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label">签约方</label>
                <div class="layui-input-block">
                    <select id="mySelect2" lay-search="" disabled name="signedUserId" lay-filter="mySelect2-filter">
                        <option value="">请先选择发起方</option>
                        <option th:if="${type == 'info'}" th:value="${myData?.sysUserid}"
                                th:text="${myData?.signedName}" selected></option>
                    </select>
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">联系方式</label>
                <div class="layui-input-block">
                    <input type="text" name="signedPhone" lay-verify="required" autocomplete="off"
                           placeholder="请先选择发起方"
                           disabled
                           id="signedPhone"
                           th:value="${myData?.signedPhone}"
                           class="layui-input">
                </div>

            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">家庭住址</label>
                <div class="layui-input-block">
                    <input type="text" name="signedAddress" lay-verify="required" autocomplete="off"
                           placeholder="请先选择发起方"
                           disabled
                           id="signedAddress"
                           th:value="${myData?.signedAddress}"
                           class="layui-input">
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">服务总价</label>
                <div class="layui-input-block">
                    <input type="text" name="serviceTotalPrice" lay-verify="required" autocomplete="off"
                           placeholder="请输入服务总价"
                           th:disabled="${type=='info'}"
                           th:value="${myData?.serviceTotalPrice}"
                           onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
                           class="layui-input">
                </div>
            </div>
            <div class="layui-inline" style="width: calc((100% - 40px) / 3);">
                <label class="layui-form-label required">合同版本</label>
                <div class="layui-input-block">
                    <input type="text" name="version" lay-verify="required" autocomplete="off"
                           placeholder="请输入合同版本"
                           th:disabled="${type=='info'}"
                           th:value="${myData?.version}"
                           onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')"
                           class="layui-input">
                </div>

            </div>
        </div>


        <div class="layui-form-item  layui-flow-more">
            <div class="layui-inline">
                <button type="submit" class="layui-btn" lay-submit lay-filter="submit"
                        th:text="${type=='add'?'立即提交':'确定'}"></button>
            </div>
        </div>

    </form>
</div>
<div th:include="include::footer"></div>
<script type="text/javascript" src="/js/xmSelect.js"></script>
<script type="text/javascript" src="/js/webJs/jzweb/serviceList/info.js"></script>

</body>
</html>
